<template>
	<page>

		<!-- 身份选择 -->
		<view class='choice'>
			<text class='choice-title'>请选择您的身份？</text>
			<view class='choice-list'>
				<view class='choice-list-identity' @tap='chooseWorkerTap' data-value='worker'>
					<image v-if="incomingCat != 2" class='identity-yuan' src='http://aliyun.oss.zxgyzj.com/picture/merchant/enter/worker.png'></image>
					<image v-if="incomingCat == 2" class='identity-yuan' src='http://aliyun.oss.zxgyzj.com/picture/merchant/enter/worker-check.png'></image>
					我是工人
				</view>
				<view class='choice-list-identity' @tap='chooseWorkerTap' data-value='merchant'>
					<image v-if="incomingCat != 3" class='identity-yuan' src='http://aliyun.oss.zxgyzj.com/picture/merchant/enter/merchant.png'></image>
					<image v-if="incomingCat == 3" class='identity-yuan' src='http://aliyun.oss.zxgyzj.com/picture/merchant/enter/merchant-check.png'></image>
					我是商家
				</view>
				<view class='choice-list-identity' @tap='chooseWorkerTap' data-value='employer'>
					<image v-if="incomingCat != 1" class='identity-yuan' src='http://aliyun.oss.zxgyzj.com/picture/merchant/enter/owner.png'></image>
					<image v-if="incomingCat == 1" class='identity-yuan' src='http://aliyun.oss.zxgyzj.com/picture/merchant/enter/owner-check.png'></image>
					我是业主
				</view>
				<view class='choice-list-identity' @tap='chooseWorkerTap' data-value='stylist'>
					<image v-if="incomingCat != 4" class='identity-yuan' src='http://aliyun.oss.zxgyzj.com/picture/merchant/enter/stylist.png'></image>
					<image v-if="incomingCat == 4" class='identity-yuan' src='http://aliyun.oss.zxgyzj.com/picture/merchant/enter/stylist-check.png'></image>
					我是设计师
				</view>
			</view>
		</view>

		<!-- 基本信息 -->
		<form @submit='formSubmit'>


			<!-- 商家信息 -->
			<view v-if="incomingCat == 3" class='weui-cells weui-cells__title_a'>
				<view class='weui-cell'>
					<view class="weui-cell__hd">
						<image class='weui-cell__hd__img' src='https://gy-files.oss-cn-shenzhen.aliyuncs.com/picture/merchant/category.png'></image>店铺主营品种
					</view>
					<view class="weui-cell__bd"></view>
					<view class="weui-cell__ft dp-flex">
						<view class='border-radius' @tap='mainCategoryChange'>{{categoryMainName ? categoryMainName : "品类1"}}</view>
						<view class='border-radius' @tap='subCategoryChange'>{{categorySubName ? categorySubName : "品类2"}}</view>
					</view>
				</view>
				<view class='weui-cell'>
					<view v-if="incomingCat == 3" class='fontsize-16' style='color:#999;'>
						技能选择：品类1必填，品类2选填。
					</view>
				</view>
			</view>

			<!-- 商家地址 -->
			<view v-if="incomingCat == 3" class='weui-cells weui-cells__title_a '>
				<view class='weui-cell'>
					<view class="weui-cell__hd">
						<image class='weui-cell__hd__img' src='../../static/images/list/didian.png'></image>
						<view>店铺所在城市</view>
					</view>
					<view class="weui-cell__bd weui-cell__ft" @tap='onPlace'>
						<text class='cur-place ellipsis' v-if="userInfo.province['name']">{{userInfo.province["name"]}}{{userInfo.city["name"]}}{{userInfo.district["name"]}}</text>
						<text class='cur-place' v-else>选择店铺所在省市区</text>
					</view>
				</view>

				<view class='weui-cell detail-input pd-r-0' bindtap='handleDetailLoc'>
					<view class='weui-cell__hd'>
						<image class='weui-cell__hd__img' src='../../static/images/list/host.png'></image>店铺导航位置
					</view>
					<view class='weui-cell__bd weui-cell__ft '>
						<view class='detail-wrap dp-flex-y-center'>
							<input placeholder='店铺在地图中的位置' disabled='true' class='ellipsis cur-place-a detail-input' placeholder-style="color:#f94c48"
							 :value="detailLoc ? detailLoc : userInfo.address" name='address'></input>
						</view>
					</view>
				</view>

				<view class='weui-cell' v-if="incomingCat == 3">
					<view class='fontsize-16 tips'>
						填写后【您的微信头像和电话】将展示在平台内的地图中，方便雇主就近找人，方便您就近接业务。商家可全国推广。
					</view>
				</view>

			</view>

			<!-- 工人信息 -->
			<view v-if="incomingCat == 2" class='weui-cells weui-cells__title_a'>
				<view class='weui-cell'>
					<view class="weui-cell__hd">
						<image class='weui-cell__hd__img' src='../../static/images/tabbar/order-release-choose.png'></image>工种
					</view>
					<view class="weui-cell__bd"></view>
					<view class="weui-cell__ft dp-flex">
						<view class='border-radius' @tap='mainWorkerPickerChange'>{{choosedMainWorkerName ? choosedMainWorkerName : "请选择主工种"}}</view>
						<view class='border-radius' @tap='subWorkerPickerChange'>{{choosedSubWorkerName ? choosedSubWorkerName : "请选择次工种"}}</view>
					</view>
				</view>
				<view class='weui-cell'>
					<view v-if="incomingCat == 2" class='fontsize-16' style='color:#999;'>
						技能选择：主工种必填，次工种选填。
					</view>
				</view>
			</view>

			<!-- 目前居住地 -->
			<view v-if="incomingCat == 2 || incomingCat == 4" class='weui-cells weui-cells__title_a '>
				<view class='weui-cell' v-if="incomingCat == 4">
					<view class='weui-cell__hd'>
						<image class='weui-cell__hd__img' src='../../static/images/list/group.png'></image>性别
					</view>
					<view class="weui-cell__bd"></view>
					<view class="weui-cell__ft">
						<radio-group name='sex' @change="genderRadioChange">
							<radio value='1' :checked="sex == 1">男</radio>
							<radio value='2' :checked="sex == 2">女</radio>
						</radio-group>
					</view>
				</view>

				<view class='weui-cell detail-input pd-r-0' @tap='handleDetailLoc'>
					<view class='weui-cell__hd'>
						<image class='weui-cell__hd__img' src='../../static/images/list/host.png'></image>工作居住地
					</view>
					<view class='weui-cell__bd weui-cell__ft '>
						<view class='detail-wrap dp-flex-y-center'>
							<input placeholder='设定您在城区的位置' disabled='true' class='ellipsis cur-place-a detail-input' placeholder-style="color:#f94c48"
							 :value="detailLoc ? detailLoc : userInfo.address" name='address'></input>
						</view>
					</view>
				</view>

				<view class='weui-cell' v-if="incomingCat == 2">
					<view class='fontsize-16 tips'>
						填写后【您的微信头像和电话】将展示在平台内的地图中，方便雇主就近找人，方便您就近接业务。工作居住地变化请及时修改。
					</view>
				</view>
				<view class='weui-cell' v-if="incomingCat == 4">
					<view class='fontsize-16 tips'>
						<text>温馨提示</text>:入驻后请到【我的页面】,个人资料内完善我的个人简介与作品。
					</view>
				</view>

			</view>

			<view class="btn-pay-wrap">
				<button form-type='submit' class="weui-btn btn-pay">提交</button>
			</view>
		</form>

		<view class='play-bottom'>
			<view class='video' @tap='goVideo'>
				<image src='https://gy-files.oss-cn-shenzhen.aliyuncs.com/images/order-video-back.jpg'></image>
				<image class="video-gif" src='../../static/images/play.gif'></image>
			</view>
			<view class='send-btn'>
				入驻过程中遇到问题? <view class='tap-tel' data-tel='13007489696' @tap='onCallBossTap'>点击联系客服</view>
			</view>
		</view>
		
		
		
		<view class='cover-layer' v-if="isShow">
		 <image src="http://aliyun.oss.zxgyzj.com/ad/GY_red_envelope20190319234342.png" style="width:750upx;height:950upx" @tap='openRedPacket'></image>
		</view>
		

	</page>
</template>

<script>
	import app from '@/App.vue';
	import {
		GYZJMODEL as gyzjModel
	} from '@/utils/gyzjModel.js';
	export default {
		/*生命周期函数--监听页面加载*/
		onLoad: function(options) {

			const url = 'http://aliyun.oss.zxgyzj.com/video/03.mp3'
			gyzjModel.prototype.musicPlay(url); //播放音乐
			this.id = options.id || "";
			if (options.fillPhone) {
				this.fillPhone = options.fillPhone;
			}

			var thisPage = this;
			let userInfo = app.globalData.userInfo;
			this.userInfo = userInfo;
			if (userInfo.workCategory) {
				this.choosedMainWorkerName = userInfo.workCategory.name;
				this.choosedMainWorkerId = userInfo.workCategory.id;
			}
			if (userInfo.secondary) {
				this.choosedSubWorkerName = userInfo.secondary.name;
				this.choosedSubWorkerId = userInfo.secondary.id;
			}
			if (userInfo && userInfo['poster']) {
				this.files = userInfo['poster'];
			}
		},
		methods: {
			 enterShowModal:function () {
			    uni.showModal({
			      title: '入驻失败',
			      content: '您已入驻，无法再次进行入驻',
			      showCancel: false,
			    })
			    return
			  },
			  // 入驻成功
			    openRedPacketModal:function(){
			      //播放音乐
			      const url = 'http://aliyun.oss.zxgyzj.com/video/redPacket.mp3'
			      gyzjModel.prototype.musicPlay(url);
				  console.log('入驻成功逻辑');
			      this.isShow=true;
			    },
				openRedPacket:function(){
					this.isShow=false;
					uni.reLaunch({
						url:'/pages/index/index'
					})
				},
			 // 选择目前居住地
			  onPlace: function () {
			    wx.navigateTo({
			      url: '../city-choose/city-choose?pageType=vipPlace',
			    })
			  },
			// 选择品类1
			  mainCategoryChange: function (e) {
			    uni.navigateTo({
			      url: './category/category?cat=主',
			    })
			    return;
			  },
			  // 选择品类2
			  subCategoryChange: function (e) {
			    uni.navigateTo({
			      url: './category/category?cat=次',
			    })
			    return;
			  },
			//查看视频
			  goVideo: function () {
			    wx.navigateTo({
			      url: '../order-lists/order-detail/video/video',
			    })
			  },
			  // 联系客服
			  onCallBossTap: function (e) {
			    const tel = e.currentTarget.dataset.tel;
			    uni.makePhoneCall({
			      phoneNumber: tel,
			    })
			  },
			// 选择主工种
			  mainWorkerPickerChange: function (e) {
			    uni.navigateTo({
			      url: './worker-type/worker-type?cat=主',
			    })
			    return;
			  },
			  // 选择次工种
			  subWorkerPickerChange: function (e) {
			    uni.navigateTo({
			      url: './worker-type/worker-type?cat=次',
			    })
			    return;
			  },
		
			// 表单提交，更新用户信息
			formSubmit: function(e) {
				gyzjModel.prototype.musicPause(); //关闭音乐
				uni.showLoading({
					title: '入驻中',
					mask: true,
				});
				let arr = this.main_getGlobal();
				let postData = e.detail.value;
				console.log(postData);

				let thisData = this;
				postData['province_id'] = thisData.province_id || thisData.userInfo.province_id;
				postData['city_id'] = thisData.city_id || thisData.userInfo.city_id;
				postData['district_id'] = thisData.district_id || thisData.userInfo.district_id;
				postData['latitude'] = thisData.latitude || thisData.userInfo.latitude;
				postData['longitude'] = thisData.longitude || thisData.userInfo.longitude;
				postData['name'] = app.globalData.userInfo.nickName || postData.name;
				postData['mobile'] = app.globalData.userInfo.mobile || postData.mobile;

				// 获取入驻身份，进行验证判断，1雇主，2工人，3商家，4设计师
				let incomingCat = this.incomingCat;
				// 入驻需要post的数据
				let postData2 = {};
				//判断是否已经入驻,这里还是加上
				if (this.userInfo.type != 1) {
					uni.hideLoading();
					this.enterShowModal()
				}
				if (incomingCat == 1) {
					// 提交保存一次已填写的数据
					this.updataUserInfo(arr.token,arr.type,postData);
					if (!this.isVerifySuccess(postData, 1)) {
						uni.hideLoading();
						return
					};
					postData2['type'] = '2';
					postData2['work_category_id'] = 0;
					// postData2['work_age'] = 0;
					this.updataUserInfo(arr.token,arr.type, postData, postData2);
				} else if (incomingCat == 2) {
					// 提交保存一次已填写的数据
					postData['work_category_id'] = thisData.choosedMainWorkerId;
					postData['secondary_work_category_id'] = thisData.choosedSubWorkerId;
					this.updataUserInfo(arr.token,arr.type,postData);
					if (!this.isVerifySuccess(postData, 2)) {
						uni.hideLoading();
						return
					};
					postData2['type'] = '3';
					postData2['work_category_id'] = thisData.choosedMainWorkerId;
					// postData2['work_age'] = postData['work_age'];
					postData2['secondary_work_category_id'] = thisData.choosedSubWorkerId;
					if (!postData2['work_category_id']) {
						uni.hideLoading();
						this.mainWorkerPickerChange();
						return
					}
					// 更新用户信息，之后进行入驻
					this.updataUserInfo(arr.token, arr.type, postData, postData2);
				} else if (incomingCat == 3) {
					this.updataUserInfo(arr.token, arr.type, postData);
					if (!this.isVerifySuccess(postData, 3)) {
						return uni.hideLoading();
					};
					if (!this.categoryMainId) {
						uni.showModal({
							content: '请选择店铺主营品类!',
							showCancel: false,
							confirmColor: '#f94c48'
						})
					}
					if (this.categorySubId) {
						postData2['sub_merchant_category_id'] = this.categorySubId;
					}
					postData2['type'] = '4';
					postData2['work_category_id'] = '0';
					postData2['merchant_category_id'] = this.categoryMainId;

					this.updataUserInfo(arr.token, arr.type, postData, postData2);
				} else if (incomingCat == 4) {
					this.updataUserInfo(arr.token, arr.type, postData);
					if (!this.isVerifySuccess(postData, 4)) {
						return uni.hideLoading();
					};
					postData2['type'] = '5';
					postData2['work_category_id'] = '0';
					postData2['sex'] = postData['sex'];
					this.updataUserInfo(arr.token, arr.type, postData, postData2);
				}
			},
			// 验证表单数据
			  verifyFormData: function (formData, type) {
			    if (type == 1) {
			      if (!formData['name']) return '1';
			      if (!formData['mobile']) return '3';
			      return true;
			    } else if (type == 2) {
			      if (!formData['name']) return '1';
			      if (!formData['address']) return '2';
			      if (!formData['mobile']) return '3';
			      return true;
			    } else if (type == 3){
			      if (!formData['province_id']) return '4';
			      if (!formData['city_id']) return '4';
			      if (!formData['district_id']) return '4';
			      if (!formData['address']) return '2';
			    } else if (type == 4) {
			      if (!formData['address']) return '2';
			    }
			  },
			// 验证是否成功
			  isVerifySuccess: function (postData, type) {
			    let flag = this.verifyFormData(postData, type);
			    if (flag === '1') {
			      const url = 'http://aliyun.oss.zxgyzj.com/video/name.mp3'
			      gyzjModel.prototype.musicPlay(url); //播放音乐
			      uni.showModal({
			        content: '请填写您的姓名！',
			        showCancel: false,
			        confirmColor: '#f94c48',
			      })
			      return false
			    } else if (flag === '2') {
			      const url = 'http://aliyun.oss.zxgyzj.com/video/site.mp3'
			      gyzjModel.prototype.musicPlay(url); //播放音乐
			      uni.showModal({
			        content: '请选择您工作居住城市的位置！地图可放大缩小，位置可移动！填写后将方便雇主就近找人，方便您就近接业务。',
			        showCancel: false,
			        confirmColor: '#f94c48',
			        success:res => {
			          if (res.confirm) {
			            this.handleDetailLoc();
			          }
			        }
			      })
			      return false
			    }else if (flag === '3') {
			      uni.showModal({
			        content: '为方便客户能联系到您，以及得到我们更好的服务，请您选择店铺位置！',
			        showCancel: false,
			        confirmColor: '#f94c48'
			      })
			      return false
			    } else if (flag === '4') {
			      uni.showModal({
			        content: '为方便客户能联系到您，以及得到我们更好的服务，请您选择店铺所在省市区！',
			        showCancel: false,
			        confirmColor: '#f94c48',
			        success: res => {
			          if (res.confirm) {
			            this.onPlace();
			          }
			        }
			      })
			      return false
			    }
			    return true
			  },
			// 入驻
			switchIdentity: function(token, type, postData) {
				let _this = this;
				gyzjModel.prototype.switchIdentity(token, type, postData).then(data => {
					switch (data.code) {
						case 1:
							uni.hideLoading();
							if (postData['work_category_id'] == 0) {
								app.globalData.userInfo.type = 2;
							} else {
								app.globalData.userInfo.type = 3;
							}
							this.getUserInfo(token, type);
							// 发布事件
							//event.emit('afterVIPChange');
							this.envelope_key = data.data;
							this.openRedPacketModal()
							break;
						default:
							uni.hideLoading();
							util.showModal('错误', data.message, false);
							break;
					}
				});
			},
			// 获取用户信息
			getUserInfo: function(token, type) {
				gyzjModel.prototype.getUserInfo(token, type).then(data => {
					switch (data.code) {
						case 1:
							app.globalData.userInfo = data.data.user;
							this.userInfo = data.data.user;
							if (data.data.user['poster']) {
								this.files = data.data.user['poster'];
							}
							break;
						default:
							if (data.status == 401) {
								gyzjModel.prototype.errorMessage(data);
								return;
							}
							uni.showToast({
								title: data.message,
								icon: 'none'
							})
							break;
					}
				})
			},
			// 更新用户信息
			updataUserInfo: function(token, type, postData, postData2) {
				gyzjModel.prototype.updataUserInfo(token,postData,type).then(data => {
					switch (data.code) {
						case 1:
							if (postData2) {
								this.switchIdentity(token, type, postData2);
							}
							break;
						default:
							uni.showToast({
								title: data.message,
								icon: 'none'
							})
							reject(data);
							break;
					}
				});
			},
			// 选择身份
			chooseWorkerTap: function(e) {
				// let value = e.detail.value;
				let value = e.currentTarget.dataset.value;
				if (value == 'employer') {
					this.incomingCat = 1;
				} else if (value == 'worker') {
					this.incomingCat = 2;
				} else if (value == 'merchant') {
					this.incomingCat = 3;
				} else if (value == 'stylist') {
					this.incomingCat = 4;
				}
			},

			// 选择目前详细居住地
			handleDetailLoc: function(e) {
				//播放音乐
				const url = 'http://aliyun.oss.zxgyzj.com/video/workers.mp3'
				// gyzjModel.prototype.musicPlay(url);
				uni.chooseLocation({
					success: (res) => {
						console.log('res的值',res);
						if (res.address) {
							console.log('有值的方法',res.address);
							this.detailLoc = res.address;
							this.latitude = res.latitude;
							this.longitude = res.longitude;
						}
					},
					fail: (res) => {
						console.log('失败的方法');
						this.getPosition();
					}
				})
			},
			// 位置授权拒绝触发
			getPosition: function() {
				let _that = this;
				uni.getSetting({
					success: res => {
						var statu = res.authSetting;
						if (!statu['scope.userLocation']) {
							uni.showModal({
								content: '找附近的：装修工人、装修业务、建材厂商，需要知道您在哪个城市，请您授权位置。',
								showCancel: false,
								confirmText: '点击同意',
								success: function(tip) {
									if (tip.confirm) {
										uni.openSetting({
											success: data => {
												if (data.authSetting["scope.userLocation"] === true) {
													//授权成功之后，再调用chooseLocation选择地方
													uni.chooseLocation({
														success: res => {
															_that.setData({
																detailLoc: res.address,
																latitude: res.latitude,
																longitude: res.longitude,
															})
														},
													})
												} else {
													_that.getPosition();
												}
											}
										})
									}
								}
							})
						}
					}
				})
			},
		},
		data() {
			return {
				userInfo: {},
				files: [],
				incomingCat: 2,
				//籍贯相关
				birthIndex: [],
				birthArray: [],
				native_province_id: '',
				native_city_id: '',
				native_district_id: '',

				// 工种相关
				workerTypeArr: [],
				workerSubTypeObj: {},
				mainIndex: [],
				choosedMainWorkerId: '',
				choosedMainWorkerName: '', // 工种名字

				// 次工种
				subIndex: [],
				choosedSubWorkerId: '',
				choosedSubWorkerName: '',

				// 目前居住地相关
				placeIndex: [],
				placeArray: [],
				province_id: '',
				city_id: '',
				district_id: '',

				detailLoc: '',
				textArea: '',

				// 页面来源
				fillPhone: false,
				envelope_key: "",
				isShowRedPacket: false,
				redPacketObj: {},
				id: "",

				categoryMainId: '', //品类1
				categoryMainName: '',
				categorySubName: '',
				categorySubId: '',
				sex: '1',
				isShow:''
			}
		}
	}
</script>

<style>
	@import url("../../static/style/app.css");
	/*红包开始的设置*/
	.cover-layer{
	  display: flex;
	  position: fixed;
	  top:0;
	  z-index: 8888;
	  left:0;
	  width: 100%;
	  height: 100%;
	  background: rgba(0,0,0,.5);
	  justify-content: center;
	  align-items: center;
	}
	
	.share-modal-box{
	  width:60%;
	  border-radius: 12upx;
	
	  background: white;
	}
	.share-modal-title{
	padding: 40upx 0upx 0upx 0upx;
	  text-align: center;
	  font-size: 40upx;
	  color:#333;
	
	}
	.share-modal-content{
	  text-align: center;
	  padding:40upx 20upx;
	  color:#666;
	}
	.share-modal-bottom{
	  display: flex;
	  border-top:2upx solid #EEE;
	}
	.share-modal-bottom button{
	  width: 100%;
	  line-height: 100upx;
	  border: none;
	  margin: 0;
	  font-size: 36upx;
	text-align: center;
	background: white;
	border-right: 2upx solid #EEE;
	}
	/*红包结束的设置*/
	page {
		padding-bottom: 250upx;
	}

	.video {
		width: 100%;
		height: 140upx;
		position: relative;
	}

	.video>image {
		width: 100%;
		height: 100%;
	}

	.video>.video-gif {
		position: absolute;
		left: 50%;
		top: 10%;
		width: 18%;
		height: 85%;
		transform: translateX(-50%);
	}

	.btn-pay-wrap {
		margin: 10px 15px;
	}

	.btn-pay {
		background-color: #F94C48;
		color: #fff;
		border-radius: 5px;
		letter-spacing: 5px;
	}

	.tips {
		color: #999;
		font-size: 16px;
	}

	.order-detail-container {
		background-color: #fff;
	}

	.order-detail-wrap {
		margin: 20upx 30upx;
	}

	.order-title {
		position: relative;
		justify-content: space-between;
		align-items: center;
		padding: 20upx 0;
	}

	.weui-cell__hd__img {
		width: 18px;
		height: 18px;
		margin-right: 10px
	}

	.order-title::after {
		content: " ";
		position: absolute;
		left: 0;
		right: -30upx;
		height: 1px;
		color: #e5e5e5;
		z-index: 2;
		bottom: 0;
		border-bottom: 1px solid #e5e5e5;
	}

	.order-type {
		font-size: 16px;
		/* color: #F94C48; */
	}

	.weui-cell__hd {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.order-detail-body {
		padding: 20upx 0;
	}

	.order-detail-item {
		display: flex;
		padding-bottom: 20upx;
	}

	.setting-tips {
		color: #666;
		font-size: 12px;
	}

	radio {
		margin-left: 20upx;
	}

	/* 工种 */
	.border-radius {
		border: 1px solid #f94c48;
		padding: 0upx 20upx;
		font-size: 32upx;
		margin-left: 20upx;
		background-color: #fff;
		color: #f94c48;
		border-radius: 20px;
	}

	.mt-0 {
		margin-top: 0;
	}

	/* 目前居住地 */
	.detail-picker {
		text-align: right;
		width: 100%;
	}

	.detail-input {
		text-align: right;
	}

	.pd-r-0 {
		padding-right: 0;
	}

	.loc-image {
		width: 50upx;
		height: 50upx;
	}

	.choose-tips {
		color: #666;
		font-size: 24upx;
		flex-wrap: wrap;
		line-height: 1.8;
	}

	/* 删除按钮 */
	.weui-uploader__bd {
		overflow: initial;
	}

	.weui-uploader__file {
		position: relative;
		width: 30%;
	}

	.weui-uploader__input-box {
		margin-right: 0;
		margin-bottom: 0;
	}

	/*图片尺寸修改*/
	.weui-uploader__file>view {
		width: 216upx;
		height: 216upx;
	}

	.weui-uploader__img {
		width: 216upx;
		height: 216upx;
		border: 1px solid #d9d9d9;

	}

	.weui-uploader__files .weui-uploader__file {
		margin-right: 13px;
	}

	.weui-uploader__files .weui-uploader__file:nth-child(3n) {
		margin-right: 0;
	}

	.weui-uploader__bd>.weui-uploader__file {
		margin-right: 0px;
	}

	.weui-uploader__file {
		margin-bottom: 13px;
	}

	.fontsize-14 {
		font-size: 16px;
	}

	.fontsize-16 {
		font-size: 16px;
	}

	.red-color {
		color: #f94c48;
	}

	.weui-cells__title_a {
		margin: 20upx 0 0 0 !important;
	}

	/* 红点 */
	.big-size {
		font-size: 22px;
	}

	/* 获取电话号码 */
	.phone-btn {
		margin-left: 10upx;
		margin-top: 0;
	}

	.phone-input {
		color: #f94c48;
		width: 100%;
	}

	.detail-wrap {
		display: flex;
		flex-direction: row-reverse;
		padding-right: 15px;
	}

	.cur-place {
		display: inline-block;
		padding: 2upx 10upx;
		width: 330upx;
		height: 40upx;
		line-height: 40upx;
	}

	.cur-place-a {
		width: 350upx;
		height: 40upx;
		line-height: 40upx;
		padding: 2upx 0;
	}

	.cur-place,
	.cur-place-a {
		text-align: center;
		color: #f94c48;
		border-radius: 5px;
		border: 1px solid #f94c48;
		font-size: 32upx;
	}

	input {
		min-height: 1rem;
	}

	.play-bottom {
		width: 100%;
		position: fixed;
		bottom: 0;
	}

	.send-btn {
		width: 100%;
		height: 100upx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 32upx;
	}

	.tap-tel {
		border: 1px solid #F94C48;
		border-radius: 15upx;
		padding: 2upx 10upx;
		margin-left: 20upx;
	}

	.backEEE {
		background-color: #efeff4;
		margin: 0;
	}

	.choice {
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color: #fff;
		padding: 20upx 0;
	}

	.choice-title {
		margin: 20upx 0;
	}

	.choice-list {
		width: 100%;
		display: flex;
	}

	.choice-list-identity {
		width: 25%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-size: 28upx;
	}

	.identity-yuan {
		width: 140upx;
		height: 140upx;
		margin-bottom: 10upx;
	}

	.identity-yuan image {
		width: 40upx;
		height: 40upx;
	}
</style>
